import {HeartTwoTone, SmileTwoTone} from '@ant-design/icons';
import {PageContainer} from '@ant-design/pro-components';
import {useIntl} from '@umijs/max';
import {Alert, Card, Typography} from 'antd';
import React from 'react';

const Admin: React.FC = () => {
    const intl = useIntl();
    return (
        <PageContainer
            content={intl.formatMessage({
                id: 'pages.admin.subPage.title',
                defaultMessage: 'This page can only be viewed by admin',
            })}
        >
            <Card>
                <Alert
                    message={intl.formatMessage({
                        id: 'pages.welcome.alertMessage',
                        defaultMessage: 'Faster and stronger heavy-duty components have been released.',
                    })}
                    type="success"
                    showIcon
                    banner
                    style={{
                        margin: -12,
                        marginBottom: 48,
                    }}
                />
                <Typography.Title level={2} style={{textAlign: 'center'}}>
                    <SmileTwoTone/> Cron-Job 分布式任务调度平台 <HeartTwoTone twoToneColor="#eb2f96"/> You
                </Typography.Title>
            </Card>
            <p style={{textAlign: 'center', marginTop: 24}}>
                Want to add more pages? Please refer to{' '}
                <a href="https://pro.ant.design/docs/block-cn" target="_blank" rel="noopener noreferrer">
                    use block
                </a>
                。
            </p>
        </PageContainer>
    );
};

export default Admin;
